feat(site): regenerate og-image with Chat mode screenshot - #87
Merged
Conversation
Swap the social-share card from the old terminal-Harness poster to the new Chat mode screenshot so link previews reflect the headline feature. Also adds webp support to the og-build mime detector and updates the og:image / twitter:image alt text + cache-bust suffix. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Harness ships .deb and .AppImage for linux alongside the macOS build, so the marketing copy that calls it 'a native macOS app' is no longer accurate. Updated the homepage meta tags, the OG card subtitle, and the guide intro to say 'a native app' instead. Regenerated og-image.png to pick up the new template subtitle. Left the 'Download for macOS' CTAs and the v1.0.0 release notes line alone — those are tied to the macOS .dmg artifact / historical release context, not the product description. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
.webpsupport todata_uri()insite/og-build/build.py(it now picksimage/webpinstead of falling through toimage/png).og:image:alt+twitter:image:altto describe the new content and add a?v=chat-modecache-bust suffix on both URLs (best-effort — major scrapers still cache on their own clock).The screenshot source (
site/public/announcements/img/chat-mode.webp) already exists onmainfrom #85, so this PR is just the build script change + regenerated PNG + meta-tag + copy tweaks.Before → After
Before (
main):After (this branch, commit
5c454fd):The visible 1072×370 crop shows the Chat tab header, the Thought row, the user prompt, the ASCII-art "HELLO WORLD" response, the tool-call summary, the worktree sidebar on the left, and the PR panel on the right. The subtitle line now reads "a native app for parallel Claude Code sessions." Reads cleanly at OG size — no frame-height tweak needed.
Test plan
site/public/og-image.pngin Preview, confirm Chat mode UI is legible and nothing important is clipped at the 370px line.python3 site/og-build/build.pyon a clean checkout to confirm it's deterministic.cd site && npm run buildoncenode_modulesare installed in the worktree (skipped here — fresh worktree had no deps, and the changes are pure meta-tag text + a static asset, not part of the JS bundle).https://harness.mikelyons.org/and confirm the new image renders (cache-bust suffix should help).🤖 Generated with Claude Code